<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
  background-color: #f3f3f3;
}

.watchBox{
  position: relative;
  display: block;
  width: 500px;
  height:500px;
  margin:7rem auto 2rem;
  background-color: #ccc;
  text-align: center;
}

.watchBox canvas{
  position: absolute;
  left:0;
  top:0;
  z-index: 10;
}

.ledWatch{
  display: block;
  margin:1rem auto;
  width: 200px;
  height: 50px;
  background-color: #999;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  color:#FFF;

}
</style>
</head>
<body>

  <!-- 圆表 -->
  <div class="watchBox">
    <canvas class="watchPlate"></canvas>
  </div>

  <!-- led表 -->
  <canvas class="ledWatch" width="200" height="50"></canvas>

<script src="./biao.js"></script>
<script type="module">
// import {ctx, undo} from "./biao.js";
// console.log(ctx);



</script>

</body>
</html>